import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters('cart', ['getTotal'])
  },
  //   4个tabBar页面都需要在onShow时候设置徽标值
  onShow () {
    this.setBage()
  },
  //    4个tabBar页面仓库中值有改变时，都需设置徽标值
  watch: {
    getTotal () {
      this.setBage()
    }
  },
  methods: {
    setBage () {
      if (this.getTotal > 0) {
        uni.setTabBarBadge({
          index: 2,
          text: this.getTotal + ''
        })
      } else {
        // 如果购物车的数量为0，则去除掉徽标
        uni.removeTabBarBadge({ index: 2 })
      }
    }
  }
}
